document.addEventListener('DOMContentLoaded', () => {
  const chatMessages = document.getElementById('chatMessages');
  const userInput = document.getElementById('userInput');
  const sendButton = document.getElementById('sendButton');

  // 发送消息
  function sendMessage() {
    const message = userInput.value.trim();
    if (message) {
      // 添加用户消息
      addMessage(message, 'user');
      // 清空输入框
      userInput.value = '';
      // 禁用发送按钮
      sendButton.disabled = true;

      // 模拟AI响应
      setTimeout(() => {
        const aiResponse = generateAIResponse(message);
        addMessage(aiResponse, 'ai');
        sendButton.disabled = false;
      }, 1000);
    }
  }

  // 添加消息到聊天界面
  function addMessage(content, type) {
    const messageDiv = document.createElement('div');
    messageDiv.className = `message ${type}-message`;
    messageDiv.innerHTML = `
            <div class="message-content">${content}</div>
        `;
    chatMessages.appendChild(messageDiv);
    // 滚动到底部
    chatMessages.scrollTop = chatMessages.scrollHeight;
  }

  // 模拟AI响应
  function generateAIResponse(userMessage) {
    // 这里可以替换为实际的AI API调用
    return `我理解你想要创作一个关于"${userMessage}"的剧本。
让我们一步步来完善这个创意：
1. 你希望这个故事有什么样的主要角色？
2. 故事发生在什么样的时代或环境中？
3. 有什么特别的情节要求吗？`;
  }

  // 事件监听
  sendButton.addEventListener('click', sendMessage);
  userInput.addEventListener('keypress', (e) => {
    if (e.key === 'Enter' && !e.shiftKey) {
      e.preventDefault();
      sendMessage();
    }
  });
  userInput.addEventListener('input', () => {
    sendButton.disabled = !userInput.value.trim();
  });
}); 